import React, {useContext} from 'react';
import {View} from 'react-native';
import {useSelector, useDispatch} from 'react-redux';
import {useNavigation} from '@react-navigation/native';
import {useMount} from 'ahooks';
import {Button, Text, ListItem, Avatar} from '@rneui/base';
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
import {
  check,
  checkMultiple,
  request,
  PERMISSIONS,
  openSettings,
  RESULTS,
} from 'react-native-permissions';
import GlobalContext from '@/GlobalContext';
import {ApiHost, OssHost} from '@/config/common';
const leftIconSize = 18;
const rightIconSize = 20;


export default () => {
  const navigation = useNavigation();
  return (
    <>
      <ListItem
        onPress={() => {
          // navigation.push('MineService');
        }}
        style={{
          marginTop: 10,
        }}>
        <FontAwesome5 name="globe" size={leftIconSize} />
        <ListItem.Content>
          <ListItem.Title>帐号与安全</ListItem.Title>
        </ListItem.Content>
        <ListItem.Chevron size={rightIconSize} />
      </ListItem>

      <ListItem
        onPress={() => {
          // navigation.push('MineSetting');
        }}
        style={{
          marginTop: 10,
        }}>
        <FontAwesome5 name="cog" size={leftIconSize} />
        <ListItem.Content>
          <ListItem.Title>新消息通知</ListItem.Title>
        </ListItem.Content>
        <ListItem.Chevron size={rightIconSize} />
      </ListItem>

      <ListItem
        onPress={() => {
          openSettings();
        }}
        style={{
          marginTop: 10,
        }}>
        <FontAwesome5 name="wrench" size={leftIconSize} />
        <ListItem.Content>
          <ListItem.Title>系统权限</ListItem.Title>
        </ListItem.Content>
        <ListItem.Chevron size={rightIconSize} />
      </ListItem>
    </>
  );
};
